<template>
	<view class="pf" 
	:style="'height: '+(isNaN(height) ? height : height+'px')+';left:0;top:'+pfTop+';width: 100%;background: '+bgColor+';z-index: 9999;'">
		<view 
		  :class="'ph30 '+(border == 1 ? ' bto ' : (border == 2 ? 'bbo' : ''))" 
		  :style="'height: '+(isNaN(height) ? height : height+'px')+';width:100%;'">
			<slot></slot>
		</view>
	</view>  
	<view :style="'height:'+(isNaN(height) ? height : height+'px')"></view>
</template>

<script setup>
import { ref } from 'vue';
const props = defineProps({
    height:[String,Number],
	bgColor:String,
	border:[String,Number]
  
});
// 获取系统状态栏的高度
let heightT=0;
let systemInfo = uni.getSystemInfoSync();
// #ifdef APP-PLUS || H5
heightT=44
// #endif
// #ifdef MP
heightT = systemInfo.platform == 'ios' ? 44 : 48;
// #endif
heightT+=systemInfo.statusBarHeight;
const pfTop=ref(heightT);
//console.log(heightT);
</script>

<style lang="scss">

</style>
